<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>登录</title>
    <link rel="stylesheet" type="text/css" href="../../static/hall/orientaion/css/main.css">
    <link rel="stylesheet" type="text/css" href="../../static/hall/orientaion/css/dialog.css">
    <script type="text/javascript" src="../../static/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="../../static/hall/orientaion/js/common.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#closeBtn,#loginBtn").click(function () {
                $(".reg-container").hide(300);
            });
            $("#regBtn").click(function () {
                $(".reg-container").show(300);
            });
        });
    </script>
</head>
<body class="bg">
<div class="wrap">
    <div class="container">
        <div class="main login-main">
            <div class="login-wrap">
                <h1>Online Orientaion</h1>
                <ul class="login-form">
                    <li>
                        <label id="emailPlaceholder" class="placeholder" for="inputEmail">Enter your username or
                            e-mail</label>
                        <input id="inputEmail" class="ipt-txt" type="text">
                    </li>
                    <li>
                        <label id="pwdPlaceholder" class="placeholder" for="inputPwd">Enter a password</label>
                        <input id="inputPwd" class="ipt-txt" type="password">
                    </li>
                </ul>
                <div class="login-submit">
                    <a id="regBtn" class="reg-link" href="javascript:;">Register</a>
                    <button class="btn-submit" onclick="window.location.href='index.html'">Log in</button>
                </div>
            </div>


            <div class="reg-container">
                <div class="dialog-main">
                    <div class="dialog-title">
                        <h3>用户注册</h3>
                        <a id="closeBtn" class="close" href="javascript:;">x</a></div>
                    <div class="reg">
                        <!--
                        默认提示样式：.prompt-txt
                        错误提示样式：.prompt-txt-err
                        -->
                        <dl class="ipt-item-r">
                            <dt>邮箱：</dt>
                            <dd>
                                <input class="input-style-r" type="text">
                                <span class="prompt-txt">如:yourname@xxx.com</span></dd>
                        </dl>
                        <dl class="ipt-item-r">
                            <dt>昵称：</dt>
                            <dd>
                                <input class="input-style-r" type="text">
                                <span class="prompt-txt">OK</span></dd>
                        </dl>
                        <dl class="ipt-item-r">
                            <dt>密码：</dt>
                            <dd>
                                <input class="input-style-r" type="password">
                                <span class="prompt-txt-err">密码不少于6位</span></dd>
                        </dl>
                        <dl class="ipt-item-r">
                            <dt>确认密码：</dt>
                            <dd>
                                <input class="input-style-r" type="password">
                                <span class="prompt-txt-err">两次密码不一致</span></dd>
                        </dl>
                        <dl class="ipt-item-r">
                            <dt>验证码：</dt>
                            <dd>
                                <input class="input-style-r" type="text" style="width:105px;"><img
                                    class="verifi-code" title="点击刷新"
                                    src="../../static/images/default-video-img.png">
                            </dd>
                        </dl>
                    </div>
                    <div class="d-inner-bottom"><span class="have-id">已有帐号，<a id="loginBtn" class="c-blue"
                                                                              href="javascript:;">点击登录</a></span>
                        <input class="reg-btn" type="submit" value="注册">
                    </div>
                </div>
                <div class="dialog-cover"></div>
            </div>
        </div>
    </div>
</div>
</body>
</html>